<style>
  /* 新改头部 */
.omd_header{
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    background-color:#ffffff;
}
.omd_back{
    width:1rem;
    height: 1rem;
    float: left;
    background:url('__PUBLIC__/images/public/goHome.png') center no-repeat;
    background-size:0.48rem;;
}
.omd_home{
    color:#de2126;
    font-size:0.3rem;
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.jiantou{
  display: inline-block;
  width:0.17rem;
  height:0.3rem;
  vertical-align: middle;
  background:url('__PUBLIC__/images/public/more.png')  no-repeat;
  background-size:100% 100%;
}
.omd_title{
    font-size:0.3rem;
    color:#666666;  
    position: relative;
    display: inline-block;
}
.omd_menu{
    float:right;
    width:1rem;
    height: 1rem;   
    background:url('__PUBLIC__/images/public/menu.png') center no-repeat;
    background-size:0.52rem;;
    display: none;
}
.omd_order{
    float:right;
    width:1rem;
    height: 1rem;   
    background:url('__PUBLIC__/images/public/mytest.png') center no-repeat;
    background-size:0.52rem;
    display: none;
}
/* omd_menu */
.omd_menu_container{
  height:calc(100Vh - 1rem);
  width:100%;
  position: fixed;
  left:0;
  right: 0;
  bottom:0;
  border-top:2px solid #eeeeee;
  box-sizing: border-box;
  background-color:rgba(255,255,255,0.9);
  display: none;
  transform: translate3d(0,0,0);
  z-index: 99;
}
.omd_menu_container.on{
  display: block;
  opacity: 1;
}
.omd_menu_container.menuShow{
  animation: menuin 0.3s forwards ease-out;
  -webkit-animation: menuin 0.3s forwards ease-out;
}
.omd_menu_container.menuHidden{
  animation: menuOut 0.3s forwards ease-out;
  -webkit-animation: menuOut 0.3s forwards ease-out;
}
@keyframes menuin{
  0%{
    transform: scale(3);
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes menuOut{
  0%{
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1;
  }
  100%{
    transform: scale(3);
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    opacity: 0;
  }
}
.omd_menu_wrap{
  margin:0 0.3rem;
}
.omd_menu_ul{
  display: flex;
  flex-wrap: wrap;
}
.omd_menu_li{
  width:calc(100% / 3);
  margin-top:0.1rem;
}
.omd_menu_a{
  display: block;
}
.omd_menu_a figure img{
  width:1.3rem;
  height:1.3rem;
  vertical-align: middle;
  display: block;
  margin:0 auto;
}
.omd_menu_a p{
  font-size:0.36rem;
  color:#333333;
  text-align: center;
  line-height: 1.7;
}
.channel91{
  display: block;
  position: absolute;
  top: .1rem;
  right:.1rem;
  width: .56rem;
  height: 0.55rem;
  background: url('__PUBLIC__/images/public/tp.png') no-repeat center center;
  background-size: 100% 100%;
}

</style>
<!-- 头部 -->
<if condition="$Think.cookie.channel eq 'qudao91'">
    <a href="<!--{:U('Index/mycesuan','',false)}-->" class="omd_order channel91"></a>
    <elseif condition="$Think.cookie.hideAllCsNum eq 1"/>
    <else />
    <header class="omd_header">
        <a href="<!--{:U('Index/index','',false)}-->" class="omd_back"></a>
        <a href="<!--{:U('Index/index','',false)}-->" class="omd_home">测算大全</a>
        <span class="jiantou"></span>
        <span class="omd_title"><!--{$titleName['title']}--></span>
        <span class="omd_menu"></span>

        <a href="<!--{:U('Index/mycesuan','',false)}-->" class="omd_order"></a>

    </header>
</if>


<!-- menu菜单 -->
<aside class="omd_menu_container">
  <div class="omd_menu_wrap">
    <ul class="omd_menu_ul">
        <li class="omd_menu_li">
            <a href="<!--{:U('Lnyc2020/index','',false)}-->" class="omd_menu_a">
                <figure><img src="__PUBLIC__/images/public/v2/menu_01.png" alt=""></figure>
                <p>2020年运势</p>
            </a>
        </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Bzjp/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174200502.png" alt=""></figure>
          <p>八字精批</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Bzsy/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174511370.png" alt=""></figure>
          <p>事业运势</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Szjx/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174524905.png" alt=""></figure>
          <p>数字解析</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Xmcs/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174547665.png" alt=""></figure>
          <p>姓名详批</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Bzcy/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174607455.png" alt=""></figure>
          <p>八字财运</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Hyzs/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174614741.png" alt=""></figure>
          <p>婚缘走势</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Bzhh/index','',false)}-->" class="omd_menu_a">
          <figure><img src="http://qiniu.ddznzj.com/media/180817/180817174148357.png" alt=""></figure>
          <p>八字合婚</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Bbqm/index','',false)}-->" class="omd_menu_a">
          <figure><img src="__PUBLIC__/images/public/menu_02.png" alt=""></figure>
          <p>宝宝起名</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Lath/index','',false)}-->" class="omd_menu_a">
          <figure><img src="__PUBLIC__/images/public/menu_03.png" alt=""></figure>
          <p>恋爱桃花运</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Xzcs/index','',false)}-->" class="omd_menu_a">
          <figure><img src="__PUBLIC__/images/public/menu_04.png" alt=""></figure>
          <p>星盘测算</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Pfc/index','',false)}-->" class="omd_menu_a">
          <figure><img src="__PUBLIC__/images/public/menu_05.png" alt=""></figure>
          <p>剖腹产择日</p>
        </a>
      </li>
      <li class="omd_menu_li">
        <a href="<!--{:U('Zwds/index','',false)}-->" class="omd_menu_a">
          <figure><img src="__PUBLIC__/images/public/menu_06.png" alt=""></figure>
          <p>一生运势</p>
        </a>
      </li>

        <li class="omd_menu_li">
            <a href="<!--{:U('Mrbz/index','',false)}-->" class="omd_menu_a">
                <figure><img src="__PUBLIC__/images/public/menu_mrbz.png" alt=""></figure>
                <p>名人八字</p>
            </a>
        </li>
        <li class="omd_menu_li">
            <a href="<!--{:U('Bzhy/index','',false)}-->" class="omd_menu_a">
                <figure><img src="__PUBLIC__/images/public/menu_bzhy.png" alt=""></figure>
                <p>八字婚缘</p>
            </a>
        </li>
        <li class="omd_menu_li">
            <a href="<!--{:U('Sndy/index','',false)}-->" class="omd_menu_a">
                <figure><img src="__PUBLIC__/images/public/menu_sndy.png" alt=""></figure>
                <p>十年大运</p>
            </a>
        </li>
        <li class="omd_menu_li">
            <a href="<!--{:U('Sssd/index','',false)}-->" class="omd_menu_a">
                <figure><img src="__PUBLIC__/images/public/menu_sssd.png" alt=""></figure>
                <p>六道轮回</p>
            </a>
        </li>

    </ul>
  </div>
</aside>
<script>
  $().ready(function(){
    var isHome = "<!--{$titleName['number']}-->";
    if(isHome == '1'){
      $('.omd_menu').show();
      $('.myOrderNav').show();
      $('.omd_order').show();
    }
  });
  $('.omd_menu').on('click',function(){
    var $node = $('.omd_menu_container');
    $('.omd_menu_container').addClass('on');
    $('.omd_menu_container').toggleClass('menuShow');
    if(!$('.omd_menu_container').hasClass('menuShow')){
      $('.omd_menu_container').addClass('menuHidden');
      setTimeout(function(){
        $('.omd_menu_container').removeClass('menuHidden');
        $('.omd_menu_container').removeClass('on');
      },300)
    }
  })
</script>

<script type="text/javascript">
    var orderidnum="<!--{$orderidnum}-->";
    var channel='<!--{$Think.cookie.channel}-->';
    if(orderidnum=='Bzjp'&&channel=='qudao336'){
        console.log('336CS');
        (function() {var octm = document.createElement("script");var h = (("https:" == document.location.protocol) ? "https://" : "http://");octm.src = h+"stat.adintl.cn/h.js";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(octm, s);})();
    }
</script>



